<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>{% block title %}{{siteName}} - Free, easy to use, online flashcard software{% endblock %}</title>
		<meta name='description' content='Create web-based flash cards and share with others.'/>
		<meta name="verify-v1" content="MYcnckGY+juJzpQR0g9wE7xBKVCpWI/iwAZCBU8e8Nc=" />
		{% block css %}
			<link rel="stylesheet" type="text/css" href="/style.css" />
			<!--[if lte IE 8]>
			<link rel="stylesheet" type="text/css" href="/static/roundedCorner4IE.css"/>
			<![endif]-->
		{% endblock %}
		{% block page_specific_header_stuff %}
		{% endblock %}
		<link rel='shortcut icon' href='/images/bellfavicon.ico' type='image/x-icon'/>
		<script type='text/javascript' src='/tinymce/jscripts/tiny_mce/tiny_mce.js'></script>
	</head>
	<body>
		<noscript><p style='text-align:center; font-weight: bold; color: red'>Please enable JavaScript to use this site!</p></noscript>
		<div id='top'>
		{% block header %}
				<table style='width:100%'>
					<tr>
						<td id='logo_cell'>
							<a href='/' style='' id='logo_link'>Astoundlearning</a>
						</td>
						<td>
							{% if user %}
								<div style='text-align:right; margin: 0; width:300px; position:absolute; top: 5px; right: 8px; z-index:1'>
									<!--
									http://www.leigeber.com/2008/11/drop-down-menu/
									http://www.dynamicdrive.com/style/csslibrary/item/jquery_multi_level_css_menu_2/
									http://www.givainc.com/labs/mcdropdown_jquery_plugin.htm
									-->
									<ul class='menu' id='menu' style='text-align:left'>
										<li><a class='menulink' id='addset' href='/deck/create-form.html'>New Deck</a></li>
										<li><a class='menulink'>Tools</a>
											<ul>
												<li><a href='/ajax/set/share.html' id='menu_share'>Share</a></li>
												<li><a href='/ajax/set/displayStudyMaterials.html' id='menu_study_materials'>Study Materials</a></li>
												<li><a href='/deck/display-edit-form.html' id='menu_edit_deck'>Edit</a></li>
												<li><a href='/ajax/set/displayContributors.html' id='menu_contributors'>Contributors</a></li>
												<li><a href='/deck/display_feedback_form.html' id='menu_feedback'>Feedback</a></li>
												<li><a href='#' id='importLink' class='NeedMyTooltip'>Import</a></li>
												<li><a href='#' id='exportLink' class='NeedMyTooltip'>Export</a></li>
												<li><a href='#' id='printLink' class='NeedMyTooltip'>Print</a></li>
												<li><a href='#' id='deleteEntriesLink'>Delete selected cards</a></li>
												<li><a href='/ajax/set/unsubscribe.html' id='unsubscribe_link' class='NeedMyTooltip'>Unfollow</a></li>
												<li><a href='#' id='menuDeleteDeckLink' class='NeedMyTooltip'>Delete deck</a></li>
												<li><a href='/library.html' id='library'>Library</a></li>
												<li><a href='javascript:void(0)' id='download'>Download</a></li>
												<li><a href='#' id='showFloatingTagsDivLink'>Show floating tag table</a></li>
											</ul>
										</li>
										<li style='display:none'><a class='menulink' id='usageHistoryLink' href='/ajax/usageHistory.html'>Usage History</a></li>
										<li><a class='menulink' href='#top' id='help_link'>Help</a></li>
										<li><a class='menulink top_right_links account_links' href='/preferences'>Preferences</a></li>
										<li><a class='menulink top_right_links account_links' href='{{ logout_url|escape }}' id='logoutLink'>Logout</a></li>
									</ul>
								</div>
									<div style='margin:0; color: #2C66D0;'>
								<form action='/decks/search.html' method='GET' id='search_form' style='display:inline-block'>
										<div style='margin:0 auto; width: 370px; padding-left: 30px'>
											<input type='text' name='search' id='search_field' class='searchForm' style='padding: 2px;'/>
											<!--<input type='button' id='searchbtn' value='Search' class='searchForm'/>-->
											<span class='button' id='searchbtn'>Search</span>
										</div>
								</form>
									</div>
							{% else %}
								<p style='text-align:left; line-height: 25px; margin:0; margin-left: 10px; color: #2C66D0; -moz-border-radius:4px; position:relative; top:2px;'>
									<a href='/' class='navbar_link'>Home</a>
									<a href='{{ login_url_home }}' class='navbar_link'>Register / Sign In</a>
									<a href='/tos.html' class='navbar_link'>Terms and Conditions</a>
									<a href='/faq.html' class='navbar_link'>FAQ</a>
									<a href='/contact.html' class='navbar_link' style='border-right: 0px'>Feedback / Contact us</a>
								</p>
							{% endif %}
						</td>
					</tr>
				</table>
		{% endblock %}
		</div>
		<div id='top_spacer'></div>
		<div id='importLink_tooltip' style='display:none; width:240px'>
Import, Export, and Print functionalities are only intended for simple cards that do not contain complex formating, HTML, images, audio, video files.  To perform these tasks on certain entries, select them using the checkbox on the left prior to selecting this menu item.
		</div>
		<div id='exportLink_tooltip' style='display:none; width:240px'>
Import, Export, and Print functionalities are only intended for simple cards that do not contain complex formating, HTML, images, audio, video files.  To perform these tasks on certain entries, select them using the checkbox on the left prior to selecting this menu item.
		</div>
		<div id='printLink_tooltip' style='display:none; width:240px'>
Import, Export, and Print functionalities are only intended for simple cards that do not contain complex formating, HTML, images, audio, video files.  To perform these tasks on certain entries, select them using the checkbox on the left prior to selecting this menu item.
		</div>
		<div id='unsubscribe_link_tooltip' style='display:none; width:240px'>
			Click this link if you no longer want to study this deck.
		</div>
		<div id='menuDeleteDeckLink_tooltip' style='display:none'>
			Delete the current deck.
		</div>
		<div class='hideMe' id='hidden_setKey'></div>
		<div class='hideMe' id='mesgArea'></div>
		<div class='hideMe' id='deckKey_setObjective'></div>
		<div class='hideMe top_level_divs' id='currentDeck'></div>
		<div class='hideMe top_level_divs' id='currentDeck_spacer'></div>
		<div class='setlist'></div>
		<div id="content" class='top_level_divs'>
		{% block content %}
		{% endblock %}
			{% if user %}
			<div id='entries_search_form_container_positionfixed'>
				<div class='being_used_but_hidden' id='entries_search_form_container'>
					<form action='' method='post' id='entries_search_form'>
							<table id='entries_search_table' class='hideMe'>
						<tr>
								<td class='being_used_but_hidden'><input type='text' name='entries_search' id='entries_search'></td>
								<td><select id='taglist'>{{ taglist|safe }}</select></td>
								<td><span class='button' id='entries_search_btn'>Search</span></td>
								<td><span class='button' id='study'>Study</span></td>
								<td id='entries_search_result'>&nbsp;</td>
						</tr>
							</table>
					</form>
				</div>
			</div>
			<div id='entries_search_form_container_spacer'></div>
			<div id='studyViewContainerDiv' class='being_used_but_hidden'>
			</div>
			<div id='listViewContainerDiv' class='being_used_but_hidden'>
				<div id='thelistContainer'>
					{# The listViewSearchResultTable is being included here because the addEntryDiv expects the thelist table to be already exist. #} 
					{% include 'astoundlearning_app/ajax/listViewSearchResultTable.html' %}
				</div>
				<div id="addOrEditEntryDiv" class='being_used_but_hidden'>
						{% include 'astoundlearning_app/ajax/addentry_shared.html' %}
				</div>
				<div class='being_used_but_hidden' id='entryCount_all'></div>
				<div class='hideMe'>
					<form action='/set/print.html' method='post' id='print_entries_form' target="_blank">
					</form>
				</div>
			</div>
			<form method='POST' action='/set/export.csv' id='exportForm' class='being_used_but_hidden'>
				<input type='hidden' name='setKey' value='' id='exportForm_setKey'/>
			</form>
			{% endif %}
		</div>
		<script type='text/javascript' src='/javascript.js'></script>
		<!--[if lte IE 8]>
		<script type='text/javascript' src='/static/PIE.js'></script>
		<![endif]-->
		<script type='text/javascript'>
			tinyMCE.init(study.tinyMCESettings);
		</script>
		<script type='text/javascript'>
			study.cached_deck_list = {{cached_deck_list|safe}};
		</script>
		<script type='text/javascript'>
			study.baseURL = '{{baseURL}}';
		</script>
		<div class='top_level_divs' id='footer'>
			{% if user %}
			<p>To create a pretty user interface that does not distract you from your studying is quite difficult!</p>
			{% endif %}
			{% block footer %}
				<!--
				<script src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php/en_US" type="text/javascript"></script>
				<script type="text/javascript">FB.init("{{FACEBOOK_API_KEY}}", "xd_receiver.htm");</script>
				<script src="http://www.google.com/jsapi"></script>
				<script type="text/javascript">
					google.load('friendconnect', '0.8');
				</script>
				<script type='text/javascript'>
					// <![CDATA[
					google.friendconnect.container.setParentUrl('/');
					google.friendconnect.container.loadOpenSocialApi({ 
						site: '{{GOOGLE_FRIEND_CONNECT_SITE_ID}}',
						onload: function(securityToken) {
							if (!window.timeloaded) {
								window.timeloaded = 1;
							} else {
								window.timeloaded = window.timeloaded + 1;
							}
							if (window.timeloaded > 1) {
								window.location.reload();
							}
						}
					});
					// ]]>
				</script>
				-->
				{% if user %}
					<p>
						<a href='/tos.html' class='footer'>Terms of Service</a>
						<a href='/faq.html' class='footer'>FAQ</a>
						<a href='/contact.html' class='footer'>Feedback / Contact us</a>
					</p>
					<script type='text/javascript'> $(document).ready(study.ready); </script>
					<script type='text/javascript'>
						// <![CDATA[
						$('#footer').find('[href="/ajax/faq.html"]').click(study.displayPage);
						$('#footer').find('[href="/ajax/tos.html"]').click(study.displayPage);
						$('#footer').find('[href="/ajax/contact.html"]').click(study.displayPage);
						{% if request.facebook.uid %}
							$('#logoutLink').click(study.facebook_logout);
						{% endif %}
						{% if user.gfcUserID %}
							$('#logoutLink').click(study.google_friend_connect_logout);
						{% endif %}
						// ]]>
					</script>
				{% else %}
					<script type='text/javascript'>
						$(document).ready(function() {
							$('.NeedTooltip').speechbubble({url:'/tooltips_speechbubble.txt'});
							if (window.location.pathname == "/faq.html") {
								$(".stripeMe tr:nth-child(even)").addClass("alt");
							}
						});
					</script>
				{% endif %}
			{% endblock %}
		</div>
		{% block our_js_for_facebook %}
		{% endblock %}
		{% ifequal environment "production" %}
			<script type="text/javascript">
				var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
				document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
	    </script>
	    <script type="text/javascript">
				try {
					var pageTracker = _gat._getTracker("UA-9651703-1");
					pageTracker._trackPageview();
				} catch(err) {}
	    </script>
		{% endifequal %}
		<div id='urls' style='display:none'>
			<a id='subscribe_link' href='/ajax/set/subscribe.html'>..</a>
			<a id='download_browser_plugin_link' href='/ajax/set/browserPlugin.html'>..</a>
			<a id='edit_set_link' href='/ajax/set/displayEditForm.html'>..</a>
		</div>
		<div id='floatingTagsDivOuter'>
		</div>
		<div id='importExportDivOuter'>
		</div>
		<div id="hiddenAjax" style="display: none"></div>
		<div id="genericModal"></div>
	</body>
</html>    
